#{extends 'kostromaMap.html' /}
#{set title:'Кострома' /}

#{set 'moreStyles'}
    <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.0/js/dojo/dijit/themes/tundra/tundra.css">
    <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.0/js/esri/dijit/css/Popup.css">
    <link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/map/layout.css'}"/>
    <link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/map/chrome.css'}"/>
#{/set}

#{set 'moreScripts'}

    <script type="text/javascript" charset="${_response_encoding}">
        var dojoConfig = {
        parseOnLoad: true,
        packages:[
                {name:"esriTemplate", location: "/public/javascripts/map"}
//                {name:"map", location: "/public/javascripts/map"}
            ]
        };
        console.log(location.pathname);
    </script>

    <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=3.0">
    </script>
    <script type="text/javascript" src="@{'/public/javascripts/map/layout.js'}">
    </script>
    <script type="text/javascript" src="@{'/public/javascripts/map/Shape.js'}">
    </script>
    <script type="text/javascript">
        dojo.require("dijit.dijit"); // optimize: load dijit layer
        dojo.require("dijit.layout.BorderContainer");
        dojo.require("dijit.layout.ContentPane");
        dojo.require("dijit.layout.StackContainer");
        dojo.requireLocalization("esriTemplate","template");


        var configOptions;

        function init(){

            configOptions = {
                //The ID for the map from ArcGIS.com
                webmap : "0d561dcd7be445ffaed9565f96e308c3",
                //The application id for a configured application
                appid:'',
                //Specify a theme for the template. Valid options are (seaside, pavement, chrome).
                theme:'chrome',
                //Enter a title, if no title is specified, the webmap's title is used.
                title : "",
                //Enter a subtitle, if not specified the ArcGIS.com web map's summary is used
                subtitle : "",
                //If the webmap uses Bing Maps data, you will need to provided your Bing Maps Key
                bingmapskey : "",
                //specify a proxy url if needed
                proxyurl:"",
                //specify the url to a geometry service
                geometryserviceurl:"http://tasks.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer",
                //Modify this to point to your sharing service URL if you are using the portal
                sharingurl : "http://www.arcgis.com/sharing/content/items"
            };

            initMap();
        }
        //show map on load
        dojo.addOnLoad(init);
    </script>
#{/set}

    <!-- Header Section-->
    *{<div id="header" dojotype="dijit.layout.ContentPane" region="top">}*
        *{<div id="title"></div>}*
        *{<div id="subtitle"></div>}*
        *{<div id="header_flourish"></div>}*
    *{</div>}*



    <!-- Map Section -->
    <div id="map" dojotype="dijit.layout.ContentPane" region="center">
    </div>
    <!-- Footer Section-->
    *{<div id="footer" dojotype="dijit.layout.ContentPane" region="bottom">}*
        *{<span id='footerText'></span>}*
      *{<span id="owner">}*
      *{</span>}*
    *{</div>}*
